$base-color: #eee;
$active-color: #ccc;
$include-default-icons: true;

@import 'sencha-touch/default/all';

@include sencha-panel;
@include sencha-buttons;
@include sencha-toolbar;
@include sencha-list;
@include sencha-layout;
@include sencha-sheet;
@include sencha-msgbox;


@include pictos-iconmask('list');
@include pictos-iconmask('info');

.x-toolbar {
  border-color: #aaa !important;
  .x-toolbar-title {
    font-weight: normal;
    color: #777;
    text-shadow: 0 1px 0 #fff;
  }
}
.x-docked-left {
  border-right: 1px solid #aaa !important;
  background: #000 !important;
}
.x-button-normal {
  border: none !important;
  background: none !important;
  img {
    background: #777 !important;
  }
}
.x-mask {
  background: none !important;
}
.x-sheet {
  background: #ddd !important;
}
